@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-06-29 10:17:14
 * @version $Id$
 */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #d99c58; color: #fff; text-shadow: none; }
::selection { background: #d99c58; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
./*l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }*/
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }
.trans {transition:all .3s;}

body{font-size:12px; font-family:"微软雅黑"; color:#838181; line-height:20px; background:#fff;}
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; font-size:0;}
.clearfix{ zoom:1 }
.wrapper{width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr { float:right;}
/**{box-sizing: border-box}*/

/*.bk,.bk5,.bk10,.bk15,.bk20,.bk25,.bk30{ height:0px; line-height:0px; clear:both;}
.bk5{ height:5px;}.bk10{ height:10px;}.bk15{ height:15px;}.bk20{ height:20px;}.bk25{ height:25px;}.bk30{ height:30px;}.bk95 {height:95px;}*/
ul,li { list-style:none}
img,li{vertical-align: middle; border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.bk {border:1px solid red;}
.bigger {width: 100%;height: 100%; position:fixed;z-index: 99999;;display: block;}
.menu { width: 100px; height: 48px; position: fixed; right: 36px; top: 16px; color: #009572; font-size: 16px; line-height: 48px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
@media screen and (max-width:1500px){.menu{display: none;}}

.menu-handler { width: 48px; height: 48px; cursor: pointer; position: relative; float: right; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color: #00a72b; }
.menu-handler .burger { width: 20px; height: 3px; background: #fff; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 21px; }
.menu-handler .burger-3 { top: 28px; }
.menu-handler.active .burger-1 { top: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*初始状态*/
/*.menu-handler.open .burger-1{ top: 21px; transform: rotate(0deg);}
.menu-handler.open .burger-2{ top: 21px; transform: rotate(0deg);}
.menu-handler.open .burger-3{ top: 21px; transform: rotate(0deg);}*/

.menuBox { position: fixed; z-index: 1090; background:#3a4242; left: 0px; top: 0px; width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; height: 0px;  box-sizing: border-box;overflow: hidden;}
.open .menuBox { height: 100%; padding: 10% 0px 0px; }
.pennav { width: 950px; margin: 0px auto 5%; }
.pennav dd { float: left; display: block; width: 28%; font-size: 16px; }
.pennav dd.lin4 { width: 16%; }
.pennav ul{width:1200px;}
.pennav a:link, .pennav a:visited { color: #fff; }
.pennav a:active, .pennav a:hover { color: #009572; }
.pennav dd .t a { color: #fff; }
.pennav dd .t a:hover { color: #11a72b; }
.pennav dd .t { font-size: 20px; margin-bottom: 20px; }
.pennav dd .subnav li { margin-bottom: 5px; }
.pennav dd .subnav a:hover { margin-left: 5px; }

.menubot .menulink {width:450px;}
.menubot .menulink a:link, .menubot a:visited { color: #f5f5f5 }
.menubot .menulink a {margin-right: 20px;float: left;}
.menubot .menulink a:last-child{margin-right:0;}
.menubot a:active, .menubot a:hover { color: #00a72b; }
.menubot { width: 950px; margin: 0px auto; font-size: 15px; line-height: 36px; }
.menubot .menulink a:hover{transform:translateX(10px);color: #00a72b}
.topfix { height: 76px; }
.topfix .logo { background-image: url(../img/logo1.png); top: 16px; }
.topLogo .logo { background-image: url(../img/logo1.png); }
.topLogo2 .menu { color: #fff; }
.topfix .menu { top: 14px; color: #fff; }

.sharpBox {width:480px; float:right; }
.sharpBox ul li{ margin-left: 20px; transition:all .3s;}
.sharpBox ul li { float:right; }
.sharpBox ul li:last-child{margin-left: 0;}
.sharpBox ul li:hover{ transform:translate( 0,-10px)}
.sharpBox ul li img {width: 80px;}


